<template>
  <view class="page">
    <sar-card title="按钮主题色">
      <gi-space direction="vertical" fill>
        <sar-button theme="primary">primary</sar-button>
        <sar-button theme="secondary">secondary</sar-button>
        <sar-button theme="success">success</sar-button>
        <sar-button theme="info">info</sar-button>
        <sar-button theme="warning">warning</sar-button>
        <sar-button theme="danger">danger</sar-button>
      </gi-space>
    </sar-card>

    <gi-gap></gi-gap>

    <sar-card title="禁用按钮">
      <gi-space direction="vertical" fill>
        <sar-button disabled theme="primary">primary</sar-button>
        <sar-button disabled theme="secondary">secondary</sar-button>
        <sar-button disabled theme="success">success</sar-button>
        <sar-button disabled theme="info">info</sar-button>
        <sar-button disabled theme="warning">warning</sar-button>
        <sar-button disabled theme="danger">danger</sar-button>
      </gi-space>
    </sar-card>
  </view>
</template>

<script lang='ts' setup>

</script>

<style lang='scss' scoped>

</style>
